<template>
  <div class="document-box">
    <ModuleTitle
        class="minit"
        :title="title">
    </ModuleTitle>
    <Back></Back>
    {{ roadId }}
  </div>
</template>

<script setup>
import {useRoute} from "vue-router";
import {onMounted, ref} from "vue";
import Back from '@/components/Public/Back.vue'
import ModuleTitle from "@/components/Public/ModuleTitle.vue";
let roadId = ref()
const title = ref('统计管理')
const route = useRoute()
onMounted(()=>{
  roadId.value = route.query.roadId
  console.log(roadId.value)
})
</script>

<style scoped lang="less">
.document-box{
  height: 88%;
  width: 94%;
  border: 1px solid #034c6a;
  box-shadow: 0px 0px 10px #4788fb;
  position: absolute;
  left: 4%;
  top: 10%;
  font-size: 3vh;
  .minit{
    position: absolute;
    left: 63%;
    top: 0%;
  }
}
</style>